<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Accessible mutation events testing</title>

  <link rel="stylesheet" type="text/css"
        href="chrome://mochikit/content/tests/SimpleTest/test.css" />

  <bindings xmlns="http://www.mozilla.org/xbl" >
    <binding id="button">
      <content>
        <button xmlns="http://www.w3.org/1999/xhtml">a button</button>
      </content>
    </binding>
  </bindings>

  <script type="application/javascript"
          src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
  <script type="application/javascript"
          src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>

  <script type="application/javascript"
          src="../common.js"></script>
  <script type="application/javascript"
          src="../events.js"></script>

  <script type="application/javascript">

    /**
     * Insert a not accessible bound element containing an accessible element
     * in anonymous content.
     */
    function insertBinding(aContainerID)
    {
      this.containerNode = getNode(aContainerID);

      function getButtonFromBinding(aNode)
      {
        try { return document.getAnonymousNodes(aNode.firstChild)[0]; }
        catch (e) { return null; }
      }

      this.eventSeq = [
        new invokerChecker(EVENT_SHOW, getButtonFromBinding, this.containerNode),
        new invokerChecker(EVENT_REORDER, this.containerNode)
      ];

      this.invoke = function insertBinding_invoke()
      {
        var span = document.createElement("span");
        span.setAttribute("style", "-moz-binding:url(#button)");
        this.containerNode.appendChild(span);
      }

      this.getID = function insertBinding_getID()
      {
        return "insert button binding";
      }
    }

    /**
     * Do tests.
     */
    var gQueue = null;
    //gA11yEventDumpID = "eventdump"; // debug stuff
    //gA11yEventDumpToConsole = true;

    function doTests()
    {
      gQueue = new eventQueue();

      gQueue.push(new insertBinding("testContainer"));

      gQueue.invoke(); // Will call SimpleTest.finish();
    }

    SimpleTest.waitForExplicitFinish();
    addA11yLoadEvent(doTests);
  </script>
</head>

<body>

  <a target="_blank"
     href="https://bugzilla.mozilla.org/show_bug.cgi?id=646369"
     title="UpdateTree should rely on accessible tree walker rather than DOM tree traversal">
    Mozilla Bug 646369</a>

  <p id="display"></p>
  <div id="content" style="display: none"></div>
  <pre id="test">
  </pre>
  <div id="eventdump"></div>

  <div id="testContainer"></div>
</body>
</html>
